{extend name="base" /}
{block name="css"}
{css href="__CSS__/orders.css" /}
{/block}
{block name="body"}
<!-- 主要内容 开始 -->
<div class="weui-tab__bd-item">
  <header class="weui-navBar weui-navBar-fixed">
    <a href="javascript:history.go(-1);" class="weui-navBar-item">
      <i class="icon iconfont icon-fanhui"></i>
    </a>
    <div class="weui-center">
      <span class="weui-center-title">物流追踪</span>
    </div>
    <a href="javascript:;" class="weui-navBar-item">
    </a>
  </header>
  <div class="weui-cells__title">
    <div class="weui-flex weui-flex-lag">
      <div class="weui-aircraft-img">
        <img src="__IMG__/icon-fj.png" alt="">
      </div>
      <div class="weui-flex-box">
        <h2>
          物流公司：<em>{$data.name}</em>
        </h2>
        <h2>
          物流单号：<em>{$data.nu}</em>
        </h2>
      </div>
      <div class="weui-text-copy">复制
      </div>
    </div>
    <div class="weui-timeLine b-line">
      <ul class="weui-timeLine-content">
        {volist name='$data.data' id="v" empty="$empty"}
        <li class="weui-timeLine-content-item">
          <em class="weui-timeLine-content-icon"></em>
          <p>{$v.context}</p>
          <p style="margin-top: 10px;">{$v.time}</p>
        </li>
        {/volist}
      </ul>
    </div>
  </div>
</div>
<!-- 主要内容 结束 -->
{/block}
{block name="js"}
<script type="text/javascript">
  $(function() {
    $('.weui-text-copy').click(function(event) {
      $.toast('复制成功','text');
    });
  });
</script>
{/block}